<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv=Content-Language content=zh-cn>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>ChromeApi - 谷歌内核API拓展框架</title>
    <meta name="description" content="ChromeApi为谷歌内核的所有浏览器使用的，打造无文件无更新的谷歌拓展插件。对于前端制作浏览器插件零成本，无需再次学习即可随时上手。连接网站自动更新，只需要打开网站即可自动进行更新及安装操作。
                真正实现了网站对浏览器插件的控制，将插件移植到网站更新方便，管理更方便。" />
    <meta name="keywords" content="ChromeApi,谷歌扩展程序,JavaScript自动化测试框架" />
    <link rel="stylesheet" href="css/FlexStyle.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="head f12 jcc aic row header">
    <div class="row c jcb aic">
        <div class="title">ChromeApi</div>
        <div class="nav row flex-1">
            <a class="nv" href="./index.html">首页</a>
            <a class="nv" go="#go1">插件介绍</a>
            <a class="nv" go="#go2">安装教程</a>
            <a class="nv" go="#go3">作品案例</a>
            <a class="nv">使用文档</a>
            <a class="nv" href="https://gitee.com/home-zy/ChromeApi" target="_blank">码云开源</a>
        </div>
    </div>
</div>
<div class="topXC">
    <div class="c column aic jcc">
        <h3>浏览器API拓展框架</h3>
        <p>ChromeApi为浏览器打造拓展API，实现无跨域多站同步操作、无文件、无更新的谷歌拓展。</p>
        <div class="row jcc aic">
            <a class="download" href="https://gitee.com/home-zy/ChromeApi/raw/master/App.zip">谷歌版本</a>
            <a class="download" href="https://gitee.com/home-zy/ChromeApi/raw/master/App.crx">360浏览器版本</a>
            <a class="download">更多版本等待更新。。。</a>
        </div>
    </div>
</div>
<div class="tutorial with" id="go1">
    <div class="c">
        <div class="hed">扩展API介绍</div>
        <div class="content f8">
            <h3>什么是ChromeApi？</h3>
            <p>ChromeApi为谷歌内核的所有浏览器使用的，打造无文件无更新的谷歌拓展插件。对于前端制作浏览器插件零成本，无需再次学习即可随时上手。连接网站自动更新，只需要打开网站即可自动进行更新及安装操作。
                真正实现了网站对浏览器插件的控制，将插件移植到网站更新方便，管理更方便。</p>
            <h3>ChromeApi能做什么？</h3>
            <p>可直接在网站操作谷歌内部API，真正无跨域请求烦恼。甚至可以使用ChromeApi对其他的网站进行跨站点自动化测试。</p>
            <h3>ChromeApi有什么优势？</h3>
            <p>ChromeApi使用动态加载方案，真正做到一次安装永久使用。易于上手，几乎0学习成本，开箱即用。</p>
            <h3>如何使用ChromeApi？</h3>
            <p>
                <span>1.在官网上进行安装基础框架。</span>
                <span>2.安装成功后ChromeApi会在浏览器上挂在一个CA对象。</span>
                <span>3.将自己的代码放在网站上。</span>
                <span>4.调用CA对象中的方法进行操作。</span>
            </p>
        </div>
    </div>
</div>

<div class="tutorial" id="go2">
    <div class="c">
        <div class="hed">谷歌浏览器安装教程</div>
        <div class="content">
            <div class="img">
                <p>在官网下载谷歌版本插件，下载完成是一个压缩包。</p>
                <img src="images/t1.png" height="493" width="926"/>
                <p>将下载好的压缩包解压</p>
                <img src="images/t2.png" height="157" width="667"/>
                <p>打开谷歌浏览器，找到扩展应用</p>
                <img src="images/t3.png" height="538" width="663"/>
                <p>打开开发者模式，点击加载已解压文件</p>
                <img src="images/t4.png" height="735" width="680"/>
                <p>选择解压好的文件夹</p>
                <img src="images/t5.png" height="540" width="960"/>
                <p>出现一下内容则安装完成</p>
                <img src="images/t6.png" height="735" width="680"/>
            </div>
        </div>
        <div class="hed">其他浏览器安装教程</div>
        <div class="content">
            <div class="img">
                <p>在官网下载文件，下载完成后是一个.crx的文件</p>
                <img src="images/s1.png" height="588" width="1167"/>
                <img src="images/s2.png" height="276" width="735"/>
                <p>直接拖进浏览器或者右键->打开方式->选择浏览器</p>
                <img src="images/s4.png" height="661" width="540"/>
                <img src="images/s5.png" height="502" width="520"/>
                <p>出现一下提示请点击确认</p>
                <img src="images/s6.png" height="225" width="456"/>
                <p>当浏览器的右上角出现个易字，则安装完成</p>
                <img src="images/s7.png" height="226" width="412"/>
            </div>
        </div>
    </div>
</div>
<div class="tutorial with case" id="go3">
    <div class="c">
        <div class="hed">作品案列</div>
        <div class="content f8 row fww jcb">
            <div class="lv" href="./HuaWei.html">
                <a>华为商城抢单</a>
                <p>
                    使用ChromeApi核心Api<span>CA.run.add</span>进行跨域、跨站点的自动化测试。<br>
                    使用方法，安装完扩展程序后，点击打开安装网站进行安装抢单程序核心代码。
                </p>
            </div>
            <div class="lv" href="./HuaWei.html">
                <a>华为商城抢单</a>
                <p>
                    使用ChromeApi核心Api<span>CA.run.add</span>进行跨域、跨站点的自动化测试。<br>
                    使用方法，安装完扩展程序后，点击打开安装网站进行安装抢单程序核心代码。
                </p>
            </div>
            <div class="lv" href="./HuaWei.html">
                <a>华为商城抢单</a>
                <p>
                    使用ChromeApi核心Api<span>CA.run.add</span>进行跨域、跨站点的自动化测试。<br>
                    使用方法，安装完扩展程序后，点击打开安装网站进行安装抢单程序核心代码。
                </p>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="c">
        Copyright ©2018-2019 ChromeApi All Rights Reserved. <br>
        未经允许，禁止转载、抄袭、镜像 <br>
        用心做插件，做更方便、更简洁的插件
    </div>
</footer>
<div class="gotop" id="gotop">↑</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/index.js"></script>
</html>